import { useState } from "react";

// 1. 是一个函数, 函数以use+驼峰命名
export function useMouse() {
  // 2. hooks函数内, 可以使用其它hooks
  const [mouse, setMouse] = useState({ x: 0, y: 0 });

  // 3. hooks函数内, 封装数据和逻辑
  const handleMouseMove = (e) => {
    setMouse({ x: e.clientX, y: e.clientY });
  };

  return {
    mouse,
    handleMouseMove,
  };
}
